<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>


    <!-- 字体图标 -->
    <link rel="stylesheet" href="../static/plugins/font-awesome/css/font-awesome.min.css">
    <!-- 基类样式 -->
    <link rel="stylesheet" href="../static/css/base.css">
    <!-- 首页样式 -->
    <link rel="stylesheet" href="../static/layout/main.css">

    <script src="../static/js/jquery.js"></script>
    <!-- 三方工具类 -->
    <script src="../static/js/lodash.js"></script>

    <script src="../static/plugins/vue/vue.min.js"></script>

    <script src="https://cdn.bootcss.com/jQuery-slimScroll/1.3.8/jquery.slimscroll.js"></script>


    <div class="container" id="app">

        <div id="top_tips_wrap" class="clearfix">
            <div class="top_tips_left fl wp40">
                <span>江苏梦神彩科技股份有限公司</span>
                <span>智慧环保</span>
            </div>
            <div class="top_tips_right  fr wp60 inline-block-container">



                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>全屏</span>
                </div>


                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>收藏</span>
                </div>


                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>帮助</span>
                </div>

                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>下载</span>
                    <i class="fa fa-angle-down"></i>
                    <ul>
                        <li>
                            <a href="">人个信息</a>
                        </li>
                        <li>
                            <a href="">安全设置</a>
                        </li>

                    </ul>
                </div>

                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>王孟贵,您好</span>
                    <i class="fa fa-angle-down"></i>
                    <ul>
                        <li>
                            <a href="">人个信息</a>
                        </li>
                        <li>
                            <a href="">安全设置</a>
                        </li>

                    </ul>
                </div>

            </div>
        </div>

        <div id="head_nav_wrap" class="inline-block-container clearfix">

            <div class="logo ohid clearfix">
                <span class="logo_big">梦兰神彩</span>
                <span class="logo_small">梦</span>
            </div>
            <div class="toggle_slide clearfix">
                <div class="triangle"></div>
            </div>
            <div class="nav inline-block-container  clearfix">
                <div class="each_nav_one">首页</div>
                <div class="each_nav_one">定时任务</div>
                <div class="each_nav_one">产品管理</div>
                <div class="each_nav_one">订单管理</div>
            </div>
            <div class="fun fr inline-block-container  clearfix">
                <div class="each_right_fun">
                    <i class="fa fa-cloud"></i>
                </div>
                <div class="each_right_fun">
                    <i class="fa fa-car"></i>
                </div>
                <div class="each_right_fun">
                    <i class="fa fa-sign-out"></i>
                </div>
            </div>


        </div>

        <div id="main_wrap" class="clearfix">


            <side-menu-sc></side-menu-sc>

            <main-content-sc v-bind:url="innerPage.url" v-bind:title="innerPage.title" v-bind:has-top="innerPage.hasTop"></main-content-sc>

        </div>



    </div>

    <template id="side_menu_tpl" class="vue-tpl">
            
            <div id="main_side">
                
                <ul class='nav_ul_one'>

                        <li v-for="(one,index) in menuList" data-id="one.id"  data-pid="one.pid" v-bind:class="{ 'active': one.active }" v-on:click.stop="oneMenuClick(one,index)" >
                                
                            <a class="f_item" >
                                <i class="fa fa-bank"></i>
                                <span>{{ one.menuName }}</span>
                                <span class="nav-right-icon">
                                    <i class="fa fa-angle-down">&nbsp;</i>
                                </span>
                                
                            </a>
                            
                            <ul v-if="one.children && one.children.length>0" class="nav_ul_two"  >

                                <li v-for="(two,subIndex) in one.children" v-bind:class="{ 'active': two.active }"  data-id="two.id"  data-pid="one.pid" v-on:click.stop="twoMenuClick(two,subIndex,index)" >
                                        <span>{{ two.menuName }}</span>
                                    </a>
                                </li>

                            </ul>
                                
                        </li>

                    
                </ul>
            </div>
        </template>

    <template id="main_content_tpl" class="vue-tpl">
        <div id="main_content" v-bind:class="{'no_main_content_top':!hasTop}">

            <div class="main_content_top" v-if="hasTop" >

            </div>

            <div id="content-main">
                <iframe class="J_iframe" name="iframe0" width="100%" height="100%" v-bind:src="url" frameborder="0" v-bind:data-id="url" seamless></iframe>
            </div>


        </div>
    </template>

    <script src="../static/layout/main.js"></script>


</body>

</html>